.titleText {
		text-align: center;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-weight: 600;
		font-size: 16px;
		align-items: center;
		display: flex;
		position: absolute;
		top: calc(50% - 10px);
		left: calc((100% - 40px)/2);
	}

	.top-img {
		width: 100%;
		height: 275px;
	}

	.header {
		width: 100%;
		z-index: 9;
	}

	.tab-bar {
		width: 100%;
		height: 88rpx;
		margin: 0 auto;
		z-index: 99;
		display: flex;
		color: #ffffff;
		justify-content: space-around;
		align-items: center;
	}

	.color-1 .tab-bar-item {
		font-size: 32rpx;
		color: #ADB0AE;
		position: relative;
	}

	.color-2 .tab-bar-item {
		font-size: 32rpx;
		color: #ADB0AE;
		position: relative;
	}
	
	.color-1 .tab-bar-item-clickable {
		font-size: 32rpx;
		color: #EA5404;
		color: #3D3A3A;
		position: relative;
	}
	
	.color-2 .tab-bar-item-clickable {
		font-size: 32rpx;
		color: #EA5404;
		color: #3D3A3A;
		position: relative;
	}
	
	

	.color-2 .tab-bar-item-active {
		font-weight: 600;
		font-size: 32rpx;
		color: #3D3A3A;
	}

	.color-1 .tab-bar-item-active {
		font-weight: 600;
		font-size: 32rpx;
		color: #3D3A3A;
	}

	.tab-bar-item-active::after {
		content: '';
		position: absolute;
		width: 40rpx;
		height: 4rpx;
		background-color: #ea5404;
		top: 48rpx;
		left: 50%;
		transform: translateX(-50%);
	}

	.listView {
		width: 100%;
		height: calc(100vh - 329px - 77px - 34px);
	}

	.info-transverse- {
		width: 100%;
		height: 77px;

		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin-top: 2px;
		align-items: center;
		margin-bottom: 34px;

	}

	.test1 {
		font-family: 'Arial';
		font-style: normal;
		font-weight: 700;
		font-size: 16px;
		line-height: 18px;
		display: flex;
		align-items: center;
		color: #3D3A3A;
		margin-left: 16px;
	}

	.text-next {
		width: 160px;
		height: 40px;
		line-height: 40px;
		margin-left: 20px;
		margin-right: 20px;
		color: #ffffff;
		border-radius: 2px;
		font-size: 16px;
		text-align: center;
		background: #EA5404;
		border: 1px solid #EA5404;
		box-sizing: border-box;
		
	}
	
	
	
	.cloak_popup {
		text-align: center;
	}
	
	.pop-view {
		width: 294px;
		height: 426px;
		background-color: #EDEDED;
		border-radius: 2px;
		padding: 16px;
	
	}
	
	.close_popup {
		width: 72rpx;
		height: 72rpx;
		margin-top: 40rpx;
	}
	
	.pop_text1 {
		ont-family: 'Noto Sans SC';
		font-style: normal;
		font-weight: 700;
		font-size: 18px;
		line-height: 26px;
		display: flex;
		align-items: center;
		color: #3D3A3A;
		margin-top: 3px;
		margin-bottom: 3px;
	}
	
	.pop_text2 {
		font-family: 'Noto Sans SC';
		font-style: normal;
		font-weight: 400;
		font-size: 12px;
		line-height: 24px;
		text-align: left;
		color: #3D3A3A;
		word-break: break-all;
	}
	
	.point{
		width: 4px;
		height: 4px;
		margin-right: 10px;
		background-color: #3D3A3A;
		border-radius: 2px;
		margin-top: 10px;
	}
	
	.pop-view1{
		width: 100%;
		display: flex;
		flex-direction: row;
	}
	
	.pop_text3 {
		font-family: 'Noto Sans SC';
		font-style: normal;
		font-weight: 400;
		font-size: 12px;
		line-height: 24px;
		text-align: left;
		color: #3D3A3A;
		word-break: break-all;
		width: calc(100% - 14px);
	}